<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
	<title>中环膜生产管理系统</title>
    <link href="login/css/default.css" rel="stylesheet" type="text/css" />
	<!--必要样式-->
    <link href="login/css/styles.css" rel="stylesheet" type="text/css" />
    <link href="login/css/demo.css" rel="stylesheet" type="text/css" />
    <link href="login/css/loaders.css" rel="stylesheet" type="text/css" />
    <script src="${pageContext.request.contextPath }/assets/layui.js"></script>
	<script src="${pageContext.request.contextPath }/js/public/index.js" data-main="login"></script>
	<script src="${pageContext.request.contextPath }/assets/js/jquery.min.js" charset="utf-8"></script>
	<style type="text/css">
		body .login_title {
		    color: #D3D7F7;
		    height: 60px;
		    text-align: center;
		    font-size: 25px;
		}
	</style>
</head>
<body>
	<div class='login' style="width: 300px;height: 380px;padding-top: 30px;padding-bottom: 110px;">
	  <div class='login_title'>
	    	<span>中环膜生产管理系统</span>
	  </div>
	  <div class='login_fields'>
	    <form action="<%=request.getContextPath() %>/login.do" method="post" onsubmit="return CheckPost();">
		    <div class='login_fields__user'>
			      <div class='icon'>
			       	 	<img alt="" src='login/img/user_icon_copy.png'>
			      </div>
			      <input id="account" name="account"  placeholder='请输入工号' type='text' autocomplete="off"/>
		    </div>
		    <div class='login_fields__password'>
			      <div class='icon'>
			        	<img alt="" src='login/img/lock_icon_copy.png'>
			      </div>
			      <input type="password" id="password" name="password" placeholder='请输入密码' autocomplete="off">
		    </div>

		    <div class='login_fields__password' style="margin-left: 3%;padding-top: 35px;">
		      <div class='icon'>
		      		<br>
		        	<h2>工位:</h2>
		      </div>
		  	  <div style="margin-left: 90px;">
					<input type="radio" name="position" value="膜丝" title="膜丝">
					<span style="display: inline-block;width: 80px;">膜丝</span>
					<input type="radio" name="position" value="检漏" title="检漏">
					<span style="display: inline-block;width: 80px;">检漏</span>
					<br>
					<input type="radio" name="position" value="组装" title="组装">
					<span style="display: inline-block;width: 80px;">组装</span>
					<input type="radio" name="position" value="组件评价" title="组件评价">
					<span style="display: inline-block;width: 80px;">组件评价</span>
					<br>
					<input type="radio" name="position" value="离心" title="离心">
					<span style="display: inline-block;width: 80px;">离心</span>
					<input type="radio" name="position" value="气密性检测" title="气密性检测">
					<span style="display: inline-block;width: 80px;">气密性检测</span>
					<br>
					<input type="radio" name="position" value="拆端盖" title="拆端盖">
					<span style="display: inline-block;width: 80px;">拆端盖</span>
					<br>
					<input type="radio" name="position" value="固化" title="固化">
					<span style="display: inline-block;width: 80px;">固化</span>
					<br>
					<input type="radio" name="position" value="切割" title="切割">
					<span style="display: inline-block;width: 80px;">切割</span>
			   </div>
		    </div>

		    <div class='login_fields__submit' style="margin-left: 20%;padding-top: 35px;width: 100%;">
	            <input type="submit" class="login-button" value="登录"
	            style="padding-top: 8px;padding-bottom: 8px;padding-left: 40px;padding-right: 40px;">
					&#12288;
					&#12288;
	            <input type="reset" class="login-button" value="重置"
	            style="padding-top: 8px;padding-bottom: 8px;padding-left: 40px;padding-right: 40px;">
		    </div>
		    <div class='login_fields__submit' style="padding-top: 35px;">
            	<h4 id="message" style="color: red;text-align:center;">管理员、经理、班组长等请直接输入工号和密码登录、不用选择工位。</h4>
		    </div>
		  </form>
	  </div>
	</div>
</body>
<script type="text/javascript">
	var mess = '${message }';
	if(mess != "" && mess != null){
		$("#message").html(mess);
	}
	function CheckPost() {
		var account = $("#account").val();
		var password = $("#password").val();
		if ((account == '' || account==null) && password=='') {
			$("#message").html('工号和密码为空,请重新输入');
		    return false;
		}
		if (account == '' || account==null) {
			$("#message").html('工号为空,请重新输入');
		    return false;
		}
		if(password==''){
			$("#message").html('密码为空,请重新输入');
		    return false;
		}
		return true;
	}


	/* &#32; == 普通的英文半角空格
　　 &#160; == &nbsp; == &#xA0; == no-break space （普通的英文半角空格但不换行）
　　 &#12288; == 中文全角空格 （一个中文宽度）
　　 &#8194; == &ensp; == en空格 （半个中文宽度）
　　 &#8195; == &emsp; == em空格 （一个中文宽度）
　　 &#8197; == 四分之一em空格 （四分之一中文宽度）
        相比平时的空格（&#32;），nbsp拥有不间断（non-breaking）特性。即连续的nbsp会在同一行内显示。即使有100个连续的nbsp，浏览器也不会把它们拆成两行。  */
</script>

<script language="javascript">
 	if(top.location != location){
		top.location.href = location.href;
	}
</script>

</html>
